@if (count($replies))

<div class="tt-topic-list">
    <div class="tt-list-header">
        <div class="tt-col-topic">回复话题</div>
        <div class="tt-col-value-large hide-mobile">分类</div>
        {{--<div class="tt-col-value-large hide-mobile">Status</div>--}}
        <div class="tt-col-value-large hide-mobile">活跃</div>
    </div>
    @foreach($replies as $reply)
        <div class="tt-item">
        <div class="tt-col-avatar">
            <img src="{{ $reply->user->avatar }}"
                 class="img-responsive img-circle" width="50px" height="50px" alt="{{ $reply->user->name }}">
        </div>
        <div class="tt-col-description">
            <h6 class="tt-title"><a href="{{ $reply->topic->link(['#reply' . $reply->id]) }}">
                    {{ $reply->topic->title }}
                </a></h6>
            <div class="tt-col-message">
                {{--<a href="#">Dylan replied:</a> It’s time to channel your inner Magnum P.I., Ron Swanson or Hercule Poroit! It’s the time that all guys (or gals) love and all our partners hate It’s Movember!--}}
                <i class="fa fa-comment-dots"></i>:{!! $reply->content !!}
            </div>
            <div class="row align-items-center no-gutters hide-desktope">
                <div class="col-9">
                    <ul class="tt-list-badge">
                        <li class="show-mobile"><a href="{{ route('categories.show', $reply->topic->category_id) }}" title="{{ $reply->topic->category->name }}"><span class="tt-color{{ add_zero($reply->topic->category->id) }} tt-badge">{{ $reply->topic->category->name }}</span></a></li>
                    </ul>
                    {{--<a href="#" class="tt-btn-icon show-mobile">--}}
                        {{--<i class="tt-icon"><svg><use xlink:href="#icon-reply"></use></svg></i>--}}
                    {{--</a>--}}
                </div>
                <div class="col-3 ml-auto show-mobile">
                    <div class="tt-value"><i class="far fa-clock"></i> 回复于 {{ $reply->created_at->diffForHumans() }}</div>
                </div>
            </div>
        </div>
        <div class="tt-col-category tt-col-value-large hide-mobile"><a href="{{ route('categories.show', $reply->topic->category_id) }}" title="{{ $reply->topic->category->name }}"><span class="tt-color{{ add_zero($reply->topic->category->id) }} tt-badge">{{ $reply->topic->category->name }}</span></a></div>
        {{--<div class="tt-col-value-large hide-mobile">--}}
            {{--<a href="#" class="tt-btn-icon">--}}
                {{--<i class="tt-icon"><svg><use xlink:href="#icon-reply"></use></svg></i>--}}
            {{--</a>--}}
        {{--</div>--}}
        <div class="tt-col-value-large hide-mobile"><i class="far fa-clock"></i> 回复于 {{ $reply->created_at->diffForHumans() }}</div>
    </div>
    @endforeach

    {{--<div class="tt-row-btn">--}}
        {{--<button type="button" class="btn-icon js-topiclist-showmore">--}}
            {{--<svg class="tt-icon">--}}
                {{--<use xlink:href="#icon-load_lore_icon"></use>--}}
            {{--</svg>--}}
        {{--</button>--}}
    {{--</div>--}}
</div>

@else
    <div class="empty-block">暂无数据 ~_~</div>
@endif

{{-- 分页 --}}
<div class="tt-row-btn">
    {!! $replies->appends(Request::except('page'))->render() !!}
</div>